huxn-webdev - HTMLify profile
files of /huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/
app.js
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/app.js
const btn = document.querySelector(".btn");
const closeIcon = document.querySelector(".close-icon");
const trailerContainer = do
const closeIcon = document.querySelector(".close-icon");
const trailerContainer = do
index.html
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/index.html
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta nam
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta nam
play.png
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/play.png
Media file
style.css
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/style.css
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.image-container {
background: url(thumb-1920-597965.jpg);
padding: 0;
margin: 0;
box-sizing: border-box;
}
.image-container {
background: url(thumb-1920-597965.jpg);
thumb-1920-597965.jpg
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/thumb-1920-597965.jpg
Media file
trailer.mp4
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/18. Video Trailer Popup/trailer.mp4
Media file